import { ElMessage } from 'element-plus';

export const phone = {
  mounted(el) {
    const input = el.getElementsByTagName('input')[0];

    input.addEventListener('input', function(e) {
      let value = e.target.value;
      // 删除非数字字符
      value = value.replace(/[^\d]/g, '');
      // 限制长度为11位
      if (value.length > 11) {
        value = value.slice(0, 11);
      }
      e.target.value = value;
    });

    input.addEventListener('blur', function(e) {
      const value = e.target.value;
      const reg = /^1[3-9]\d{9}$/;

      if (value && !reg.test(value)) {
        ElMessage.warning('请输入正确的手机号码');
        e.target.value = '';
      }
    });
  }
};
